import React from 'react';
import {
  BrowserRouter as Router, Route, Switch
} from "react-router-dom";
import Home from './pages/Home';
import Information from './pages/Information'
import Login from './pages/Login'
import Registered from './pages/Registered'
import Show from './pages/Show';
import Designcontent from './pages/Designcontent';
import Showcontent from './pages/Showcontent';
import Logined from './pages/Logined';
import Museum from './pages/Museum';
import Work from './pages/Work';
import Helpcenter from './pages/Helpcenter';
import Helpdetail from './pages/Helpdetail';
import Owner from './pages/Owner';
import Collect from './pages/Collect';

const App = () => {

  return (
    <div className="App">
      <Router>
        <Switch>
          <Route path='/owner' component={Owner} />
          <Route path='/helpcenter' component={Helpcenter} />
          <Route path='/helpdetail' component={Helpdetail} />
          <Route path='/show/designContent' component={Designcontent} />
          <Route path='/show' component={Show} />
          <Route path='/information/showContent' component={Showcontent} />
          <Route path='/information' component={Information} />
          <Route path='/work' component={Work} />
          <Route path="/home/collect/museum" component={Museum}></Route>
          <Route path="/home/collect" component={Collect}></Route>
          <Route path='/home' component={Logined} />
          <Route path='/registered' component={Registered} />
          <Route path='/login' component={Login} />
          <Route path='/' component={Home} />
        </Switch>
      </Router>
    </div>
  );
}

export default App;
